<x-produt>

    <x-pro.banner :list="$bannerList"></x-pro.banner>

    <x-pro.about>
        <div class="more">
            <a href="/about" title="{{ $configs['app.title'] }}"><span>查看详情</span><em></em></a>
        </div>
    </x-pro.about>

    @foreach($modules as $module)
    @if($loop->index % 2 == 0)
    <x-pro.product :name="$module->name" :module="$module" :items="$module->categorys"></x-pro.product>
    @else
    <x-pro.news :name="$module->name" :module="$module" :items="$module->categorys"></x-pro.news>
    @endif
    @endforeach

    <link rel="stylesheet" href="/lib/swiper/swiper.min.css" />
    <script type="text/javascript" src="/lib/swiper/swiper.min.js"></script>
    <script>
        var swiper = new Swiper('#web_banner1', {
            loop: true,
            autoplay: true,
            pagination: {
                el: '.banner1_pagination',
                clickable: true
            },
            navigation: {
                nextEl: '.banner1_button_left',
                prevEl: '.banner1_button_right',
            },
        });
    </script>
</x-produt>
